/***
	*异步请求对象（简化版本）
	*参数 data 			请求数据
	*参数 dealType  响应数据处理对象
	*参数 dom 			事件源
****/
var sendData = function(data, dealType, dom){
	var xhr = new XMLHttpRequest(),
			url = 'getData.php?mod=userInfo';
			xhr,onload = function(event){
				if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304){
					dealData(xhr.responseText, dealType, dom);
				}else{
					console.log('失败');
				}
			};
			for(var i in data){
				url += '&' + i + '=' + data[i];
			}
			xhr.open("get", url, true);
			xhr.send(null);
}
/***
	*异步请求对象（简化版本）
	*参数 data 			请求数据
	*参数 dealType  响应数据处理对象
	*参数 dom 			事件源
****/
var dealData = function(data, dealType, dom){
	var dataType = Object.prototype.toString.call(data);
	switch(dealType){
		case 'sug':
		if(dataType === "[object Array]"){
			return createSug(data, dom);
		}
		if(dataType === "[object object]"){
			var newData = [];
			for(var i in data)
				newData.push(data[i]);
			return createSug(newData, dom);
		}
		return createSug([data], dom);
		break;
		case 'validate':
		return createValidataResult(data, dom);
		break;
	}
}
/***
	*异步请求对象（简化版本）
	*参数 data 			响应适配数据
	*参数 dom 			事件源
****/
var createSug = function(data, dom){
	var i = 0,
			len = data.length,
			html = '';
			for(; i<len; i++){
				html += '<li>' + data[i] + '</li>';
			}
			dom.parentNode.getElementByTagName('ul')[0].innerHTML =html;
}
/***
	*异步请求对象（简化版本）
	*参数 data 			响应适配数据
	*参数 dom 			事件源
****/
var createValidataResult = function(data, dom){
	dom.parentNode.getElementByTagName('span')[0].innerHTML = data;
}
// dealData('用户名不正确', 'validate', input[0]);
// dealData(123, 'sug', input[1]);
// dealData(['爱奇艺' ,'阿里巴巴','爱漫画'], 'sug', input[1]);
// dealData({
// 	'iqy' : '爱奇艺',
// 	'albb' : '阿里巴巴',
// 	'imh' : '爱漫画',
// }, 'sug', input[1]);

var createSug = function(data, dom){
	console.log(data, dom, 'createSug');
}
var createValidataResult = function(data, dom){
	console.log(data, dom, 'createValidataResult');
}

var input = document.getElementsByTagName('input');
input[0].onchange = function(e){
	sendData({value : input[0]}, 'validate', input[0]);
}

input[1].onchange = function(e){
	sendData({value : input[1]}, 'sug', input[1]);
}